<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8">
		<meta name="format-detection" content="telephone=no">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no">
		<title>VueBootstrap</title>
	</head>
	<body>
		<div class="navbar navbar-expand-sm navbar-dark bg-dark mb-3" id='header'>
			<div class="container-lg">
				<a class="navbar-brand" href="javascript:void(0)">
					<i class='bi-bootstrap-fill'></i>
					<span class='align-middle ms-1'>VueBootstrap</span>
				</a>
				<button class="navbar-toggler" type="button">
					<span class="navbar-toggler-icon"></span>
				</button>
				<div class="collapse navbar-collapse justify-content-end">
					<ul class="navbar-nav">
						<li class='nav-item'>
							<a href="#/doc/about" class='nav-link' :class="{active : $route.fullPath.indexOf('/doc') === 0}">文档</a>
						</li>
						<li class='nav-item'>
							<a href="#/components/dialog" class='nav-link' :class="{active : $route.fullPath.indexOf('/components') === 0}">组件</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class='container-md' id='app'>
			<router-view></router-view>
		</div>
	</body>
</html>